import ToolPageTemplate from "@/components/ToolPageTemplate";
import { Typography, Box, Paper } from "@mui/material";
import CompressIcon from "@mui/icons-material/Compress";

const ImageCompressPage = () => {
    return (
        <ToolPageTemplate 
            title="图片压缩"
            description="在线图片压缩，支持多种格式"
            category="图片工具"
            categoryColor="#388e3c"
        >
            <Paper 
                elevation={0}
                sx={{ 
                    p: 4, 
                    textAlign: "center",
                    bgcolor: "grey.50",
                    minHeight: 300,
                    display: "flex",
                    alignItems: "center",
                    justifyContent: "center",
                    border: "2px dashed",
                    borderColor: "grey.300"
                }}
            >
                <Box>
                    <CompressIcon sx={{ fontSize: 80, color: "grey.400", mb: 2 }} />
                    <Typography variant="h6" color="text.secondary" sx={{ mb: 1 }}>
                        图片压缩工具
                    </Typography>
                    <Typography variant="body2" color="text.secondary">
                        功能正在开发中...
                    </Typography>
                </Box>
            </Paper>
        </ToolPageTemplate>
    );
};

export default ImageCompressPage;
